.step-wrapper__skip-hr {
	background: var( --color-primary-light );
	max-width: 270px;
	margin-bottom: 50px;
	margin-top: -20px;

	@include breakpoint( '<660px' ) {
		margin: 30px auto;
	}
}

.step-wrapper__skip-heading {
	color: var( --color-text-inverted );
}

.is-large-skip-layout .step-wrapper__buttons {
	margin-bottom: 34px;

	@include breakpoint( '<660px' ) {
		margin-bottom: 14px;
	}
}

.step-wrapper__buttons.is-top-buttons {
	text-align: center;
	padding: 5px 0;
	margin-bottom: 32px;
}

.step-wrapper__buttons.is-top-buttons .step-wrapper__skip-wrapper {
	display: inline-block;
	background: var( --color-surface );
	border-radius: 3px;
	padding: 2px 12px;
	@include elevation ( 2dp );
}

.step-wrapper__buttons.is-top-buttons .step-wrapper__skip-heading {
	display: inline;
	color: var( --color-text );
}

.step-wrapper__buttons.is-top-buttons .navigation-link {
	color: var( --color-accent );
	text-decoration: underline;
	transform: none;
	vertical-align: baseline;
	margin-left: 0.5em;
	padding: 7px 0 9px !important;
}

.step-wrapper__buttons.is-top-buttons .navigation-link svg {
	display: none;
}
